/* 自定义css库 把常用的css库进行封装 */
/* 宽度 */
/* 不支持APP-PLUS-NVUE */
/* #ifndef APP-PLUS-NVUE */
.w-100 {
	width: 100%;
}

/* #endif */
/* flex库 */
.p-2 {
	padding: 20rpx;
}

.bg-white {
	background-color: white;
}

.bg-dark {
	background-color: darkgray;
}

/* flex布局*/
.flex {
	/* #ifndef  APP-PLUS-NVUE */
	display       : flex;
	/* #endif */
	flex-direction: row;
}

.flex-column {
	flex-direction: column;
}

.flex-wrap {
	flex-wrap: wrap;
}

.align-center {
	align-items: center;
}

.justify-center {
	justify-content: center;
}

.justify-between {
	justify-content: space-between;
}

.flex-1 {
	flex: 1;
}

/* 圆角*/
.rounded-circle {
	border-radius: 100%;
}

.rounded {
	border-radius: 15rpx;
}

/* 字体 */
.font {
	font-size: 30rpx;
	/* font-weight: 100rpx; */
}

.font-weight-bold {
	font-weight: 700rpx;
}


.font-sm {
	font-size: 25rpx;
}

.font-md {
	font-size: 35rpx;
}

.font-lg {
	font-size: 45rpx;
}

.text-white {
	color: white;
}

/* 浅灰色 */
.text-light-muted {
	color: #A9A5A0;
}

.text-light-black {
	color: rgba(0, 0, 0, 0.5);
}

.text-light-white {
	color: rgba(255, 255, 255, 0.5);
}

.mr-2 {
	margin-right: 20rpx;
}

.my-1 {
	margin-top   : 10rpx;
	margin-bottom: 10rpx;
}

.my-2 {
	margin-top   : 20rpx;
	margin-bottom: 20rpx;
}

.my-3 {
	margin-top   : 30rpx;
	margin-bottom: 30rpx;
}

.my-4 {
	margin-top   : 40rpx;
	margin-bottom: 40rpx;
}

.mx-0 {
	margin-left : 0;
	margin-right: 0;
}

.ml-auto {
	margin-left: auto;
}

.mx-1 {
	margin-left : 10rpx;
	margin-right: 10rpx;
}

.mx-2 {
	margin-left : 20rpx;
	margin-right: 20rpx;
}

.px-1 {
	padding-left : 10rpx;
	padding-right: 10rpx;
}
.px-2 {
	padding-left : 20rpx;
	padding-right: 20rpx;
}
.py-2 {
	padding-top   : 20rpx;
	padding-bottom: 20rpx;
}

.px-3 {
	padding-left : 30rpx;
	padding-right: 30rpx;
}

.px-35 {
	padding-left : 35rpx;
	padding-right: 35rpx;
}

.py-3 {
	padding-top   : 30rpx;
	padding-bottom: 30rpx;
}

.px-5 {
	padding-left : 50rpx;
	padding-right: 50rpx;
}

.py-5 {
	padding-top   : 50rpx;
	padding-bottom: 50rpx;
}

.scroll-row {
	/* white-space: normal;控制文字不自动换行 */
	width      : 100%;
	white-space: nowrap
}

.scroll-row-item {
	display: inline-block !important;
}

.border {
	border: 1px solid black;
}

.border-bottom {
	border-bottom: 2rpx;
}

.border-white {
	border-bottom: 2rpx solid white;
}

/* 定位底部 */
.fixed-bottom {
	position: fixed;
	bottom  : 0;
	right   : 0;
	left    : 0;
	z-index : 1030;
}

.top-0 {
	top: 0;
}

.bottom-0 {
	bottom: 0;
}

.right-0 {
	right: 0;
}

.left-0 {
	left: 0;
}

.position-relative {
	position: relative;
}

.position-absolute {
	position: absolute;
}